<h3 class="ui-widget-header widget-header ui-corner-all">Add Department</h3>
<div class="widget-content">
	<div class="staff-info">
		<div class="margin-top"><label>Name</label> <input name="staff-name" class="staff-name" type="text"></div>
		<div class="margin-top"><label>Code Center</label> <input name="ecode" class="ecode" type="text"></div>
		<div class="margin-top"><label>Department Parent</label><select class="depart" style="height:30px;"><option>HRO</option><option>HRO</option></select></div>
		<div class="margin-top"><label>Lines</label></div><input name="line" class="line" type="checkbox">Use
		<div class="margin-top">
			<label>Status</label>
			<input name="status" class="line" type="radio">Use
			<input name="status" class="line" type="radio">Not Use
		</div>
		<div class="margin-top"><label>Date Modified</label> <input name="date-modified" value="01/11/2012" disabled="disabled"></div>
		<div class="decision">
			<button class="btn-ok">OK</button>
			<button class="btn-cancel">Cancel</button>
		</div>
	</div>
</div>
<script type="text/javascript">
	$(".btn-ok").button({
		icons:{
			primary: "ui-icon-check"
		}
	}).removeClass("ui-widget");

	$(".btn-cancel").button({
		icons:{
			primary: "ui-icon-cancel"
		}
	}).removeClass("ui-widget");
</script>